{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">


    {% load staticfiles %}
{% block title %}{% endblock %}

    {% block css %}
{#        <link rel="stylesheet" href="/static/css/login.css"/>#}
    <link rel="stylesheet" href="/static/css/style.css"/>
          <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
    {% endblock %}
     <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
     <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

</head>
<style>
    #id_email{
  display: block;
}
    #id_password{
        display: block;
        margin: 0;
    }
    #id_captcha_1{
        display: block;
    }

</style>
<body>


{% block content %}
    <div class="container">
        <div class="col-md-4 col-md-offset-4">
          <form class='form-login' action="/login/" method="post">

              {% if message %}
                  <div class="alert alert-warning">{{ message }}</div>
              {% endif %}
              {% csrf_token %}
              <h2 class="text-center">欢迎登录</h2>

{#              {{ login_form }}#}
{#          <div class="form-group">#}
{#            {{ login_form.email.label_tag }}#}
{#            {{ login_form.email}}#}
{#          </div>#}
{#              <div class="form-group">#}
{#                {{ login_form.password.label_tag }}#}
{#                    {{ login_form.password }}#}
{#                </div>#}
{#          <div class="form-group">#}
{#                  {{ login_form.captcha.errors }}#}
{#                  {{ login_form.captcha.label_tag }}#}
{#                  {{ login_form.captcha }}#}
{#              </div>#}

           <div class="mid-class">
	 <div class="art-right-w3ls">
		<h2>登录注册</h2>
		<form action="#" method="post">
		   <div class="main">
			  <div class="form-left-to-w3l">
				    <div class="form-group">
            {{ login_form.email.label_tag }}
            {{ login_form.email}}
          </div>
			  </div>
			  <div class="form-left-to-w3l ">
				  <div class="form-group">
                {{ login_form.password.label_tag }}
                    {{ login_form.password }}
                </div>
				 <div class="clear"></div>
			  </div>
               <div class="form-left-to-w3l ">
                   <div class="form-group">
                  {{ login_form.captcha.errors }}
                  {{ login_form.captcha.label_tag }}
                  {{ login_form.captcha }}
              </div>
                   <div class="clear"></div>
               </div>
		   </div>
		   <div class="left-side-forget">
			  <input type="checkbox" class="checked">
			  <span class="remenber-me">记住密码 </span>
		   </div>
		   <div class="right-side-forget">
			  <a href="#" class="for">忘记密码...?</a>
		   </div>
		   <div class="clear"></div>
		   <div class="btnn">
			  <button type="submit">登录</button>
		   </div>
		</form>
		<div class="w3layouts_more-buttn">
		   <h3>没有账号..?
			  <a href="#content1">点击注册
			  </a>
		   </h3>
		</div>
		<!-- popup-->
		<div id="content1" class="popup-effect">
		   <div class="popup">
			  <!--login form-->
			  <div class="letter-w3ls">
				 <form action="#" method="post">
					<div class="form-left-to-w3l">
					   <input type="text" name="name" placeholder="Username" required="">
					</div>
					<div class="form-left-to-w3l">
					   <input type="text" name="name" placeholder="Phone" required="">
					</div>
					<div class="form-left-to-w3l">
					   <input type="email" name="email" placeholder="Email" required="">
					</div>
					<div class="form-left-to-w3l">
					   <input type="password" name="password" placeholder="Password" required="">
					</div>
					<div class="form-left-to-w3l margin-zero">
					   <input type="password" name="password" placeholder="Confirm Password" required="">
					</div>
					<div class="btnn">
					   <button type="submit">Sign Up</button>
					   <br>
					</div>
				 </form>
				 <div class="clear"></div>
			  </div>
			  <!--//login form-->
			  <a class="close" href="#">×</a>
		   </div>
		</div>
		<!-- //popup -->
	 </div>

  </div>



          </form>
        </div>
    </div> <!-- /container -->




</head>





{% endblock %}


</body>
</html>